@import "menu";
@import "content";
@import "../public/grid.less";

html,
body {}
body{
	overflow-y: scroll;
}
@mainWidth:1200px;

header {
	padding: 6px 0;
	z-index: 1000;
	width: 100%;
	background:#fff;
	position:fixed;
	top:0;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), 0 4px 8px rgba(0, 0, 0, 0.1);
}

.header_wraper{
	max-width:@mainWidth;
	text-align:center;
	z-index:10;
	font-size:0;
	background:#fff;
	margin:0 auto;
    
	&:after{
		content:"";
		display:inline-block;
		height:100%;
		vertical-align: middle;
	}
	
	a{
		color:@fontColor;
	}
	
	.logo{
		font-size:30px;
	}
	
	
	> * {
		width: 50%!important;
	}
	
	.portrait{
		width:40px;
		height:40px;
	}
	.user_info{
		text-align:left;
		font-size:14px;
		margin-left:6px;
		line-height:1em;
	}
	.username{
		margin-bottom:7px;
	}
}

.header_left, .header_right{
    width:550px;
    font-size:16px;
    display:inline-block;
    vertical-align:middle;
    
    > *{
        display:inline-block;
        vertical-align:middle;
    }
}
.header_left{
    text-align:left;
}
.header_right{
    text-align:right;
}


.main_body {
	max-width:@mainWidth;
	padding-top: 15px;
	margin: 0 auto;
	position:relative;
	top:60px;
	&:after {
		content: "";
		display: block;
		clear: both;
	}
}

